html,body{margin:0;padding:0;width:100%;height:100vh;overflow:hidden;font-family:'Nunito',sans-serif;background-color:#FFFC00;color:#000}body{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}#bg-grid{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2;background-size:40px 40px;background-image:linear-gradient(to right,rgba(0,0,0,0.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,0.1) 1px,transparent 1px)}#bg-pattern{position:absolute;top:0;left:0;width:200%;height:200%;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cpath fill='%23000000' fill-opacity='0.12' d='M40 10c-15 0-25 12-25 25v25l8-8 9 8 8-8 8 8 9-8v-25c0-13-11-25-25-25z'/%3E%3Ccircle fill='%23000000' fill-opacity='0.12' cx='32' cy='30' r='3'/%3E%3Ccircle fill='%23000000' fill-opacity='0.12' cx='48' cy='30' r='3'/%3E%3C/svg%3E");background-size:100px 100px;animation:slideBg 60s linear infinite}@keyframes slideBg{0%{transform:translate(0,0)}100%{transform:translate(-50%,-50%)}}.container{text-align:center;padding:20px;max-width:800px;width:90%;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.logo-wrapper{margin-bottom:2rem}.logo-img{height:auto;max-height:80px;width:auto;display:block;filter:drop-shadow(0 4px 6px rgba(0,0,0,0.1));transition:transform .3s cubic-bezier(0.175,0.885,0.32,1.275)}.logo-img:hover{transform:rotate(-3deg) scale(1.05)}h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:900;margin:0 0 1.5rem 0;line-height:1.1;letter-spacing:-0.02em}p.main-text{font-size:clamp(1rem,2vw,1.25rem);font-weight:700;margin:0 0 2.5rem 0;opacity:.8;max-width:600px;line-height:1.5}.cta-btn{display:inline-block;background-color:#000;color:#FFF;font-size:1.25rem;font-weight:700;padding:1rem 2.5rem;border-radius:50px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 15px rgba(0,0,0,0.2);border:none;cursor:pointer}.cta-btn:hover,.cta-btn:focus{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px rgba(0,0,0,0.3);outline:3px solid rgba(0,0,0,0.2);outline-offset:2px}.cta-btn:active{transform:translateY(1px)}.social-proof{margin-top:1rem;font-size:.9rem;font-weight:700;opacity:.6;display:flex;align-items:center;justify-content:center;gap:.5rem}@media(max-height:600px){.logo-wrapper{margin-bottom:1rem}.logo-img{max-height:60px}h1{font-size:1.8rem}p.main-text{font-size:.9rem;margin-bottom:1.5rem}}